<div class="page-group">
  <div id="page-layout" class="page page-current">
    <header class="bar bar-nav">
      <a class="icon icon-left pull-left" href="javascript:history.back()"></a>
      <h1 class="title">创建直播间</h1>
    </header>
    <div class="content native-scroll wjt-createroom-content">

      <div class="content-block-title">
        直播间类型：
        <span style="color:red;font-size:12px;">类型选择后不能更改</span>
      </div>
      <div class="content-padded">
        <div class="buttons-row">
          <a href="#tab1-1" data-type="1" class="tab-link active button">公开直播</a>
          <a href="#tab1-2" data-type="2" class="tab-link button">加密直播</a>
          <a href="#tab1-3" data-type="3" class="tab-link button">收费直播</a>
        </div>
        <div class="tabs">
          <div class='tab active' id='tab1-1'>

            <div class="card">
              <div class="card-content">
                <div class="triangle-up pos-left"></div>
                <div class="card-content-inner">任何人都可以收听直播</div>
              </div>
            </div>

          </div>
          <div class='tab' id='tab1-2'>

            <div class="card">
              <div class="card-content">
                <div class="triangle-up pos-center"></div>
                <div class="card-content-inner">
                  设置一个固定密码
                  <div class="card password">
                    <input type="password" class="pwd" placeholder="支持英文和数字" >
                    <div style="width: 100%;height: 100%;position: absolute;top: 0;" class="pwd_cover"></div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div class='tab' id='tab1-3'>
            <div class="card">
              <div class="card-content">
                <div class="triangle-up pos-right"></div>
                <div class="card-content-inner">
                  设置入场票费用
                  <div class="card ticket">
                    <span>
                      <input type="tel" class="fee" placeholder="最小金额为1元"></span>
                    <span>元</span>
                    <div style="width: 100%;height: 100%;position: absolute;top: 0;" class="fee_cover"></div>
                  </div>

                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

      <div class="content-block-title">直播间名称：</div>
      <div class="list-block">
        <ul>
          <!-- Text inputs -->
          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-input">
                  <input type="text" class="name" placeholder="请输入直播间名称">
                  <div style="width: 100%;height: 100%;position: absolute;top: 0;" class="name_cover"></div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>

      <div class="content-block-title">开始时间：</div>
      <div class="list-block">
        <ul>
          <li>
            <div class="item-content">

              <div class="item-inner">
                <div class="item-input">
                  <input type="text" id='datetime-picker' class="starttime"/>
                </div>
              </div>
            </div>
          </li>
        </ul>

      </div>

      <div>&nbsp;</div>

      <div>&nbsp;</div>
      <div class="card">
        <a href="javascript:void(0)" data-orguuid="<%=orguuid %>" class="create-room button button-big button-fill">创建直播间</a>
      </div>

    </div>

  </div>

</div>
